<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta content="telephone=no" name="format-detection" />
        <title>发展代理名片</title>
        <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
    </head>
    <style type="text/css">
        .top{
            width: 100%;
            background: url(/imgs/top_back.png) no-repeat;
            height: 60px;
            overflow: hidden;
        }
        .con{
            background: url(/imgs/fazhan_tg_back.png) no-repeat;
            background-size: contain;
            background-position: center;
            position: relative;
        }
        .portrait{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin: 10px;
            float: left;
        }
        .detail{
            margin-left: 70px;
            height: 48px;
            line-height: 24px;
            margin-top: 8px;
            color: #753315;
        }
        .name{
            font-size: 1.1rem;
        }
        .slogan{
            font-size: 0.9rem;
        }
        .bottom{
            position: absolute;
            bottom: 4%;
            width: 100%;
            text-align: center;
        }
        .qrcode{
            width: 100px;
            height: 100px;
            vertical-align: middle;
        }
        .text{
            width: 50%;
            vertical-align: middle;
        }
        
    </style>
    <body>
        <img style="width:100%" src="{{$url}}">
    <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    </body>
</html>
